<!-- header -->
<header class="header" th:fragment="header(user)" xmlns:th="http://www.w3.org/1999/xhtml"
        style="background-color: #104575">
    <div class="container">
        <div class="row">
            <div class="col-7 col-md-9 col-lg-8 col-xl-9">
                <div class="header__content">

                    <div class="form-inner-cont" style="margin: auto">
                        <ul class="header__nav" style="text-align: center">
                            <!-- dropdown -->
                            <li class="header__nav-item">
                                <a href="/content" class="header__nav-link"><span
                                        style="vertical-align: inherit;"><span
                                        style="vertical-align: inherit;">首页</span></span></a>
                            </li>
                            <!-- end dropdown -->

                            <!-- dropdown -->
                            <li class="header__nav-item">
                                <a class="dropdown-toggle header__nav-link" href="#" role="button"
                                   id="dropdownMenuProjects"
                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span
                                        style="vertical-align: inherit;">
                                <span style="vertical-align: inherit;"></span>好友推荐</span>
                                </a>
                                <ul class="dropdown-menu header__dropdown-menu" aria-labelledby="dropdownMenuProjects">
                                    <li><a href="/recommend/user/byfriend"><span style="vertical-align: inherit;"><span
                                            style="vertical-align: inherit;">可能认识</span></span></a></li>
                                    <li><a href="/recommend/user/byshare"><span style="vertical-align: inherit;"><span
                                            style="vertical-align: inherit;">最常互动</span></span></a></li>
                                    <li><a href="/recommend/user/byhobby"><span style="vertical-align: inherit;"><span
                                            style="vertical-align: inherit;">兴趣相投</span></span></a></li>
                                </ul>
                            </li>
                            <!-- end dropdown -->

                            <!-- dropdown -->
                            <li class="header__nav-item">
                                <a href="/hobby/getall" class="header__nav-link"><span style="vertical-align: inherit;"><span
                                        style="vertical-align: inherit;">兴趣部落</span></span></a>
                            </li>
                            <!-- end dropdown -->

                            <!-- dropdown -->
                            <li class="header__nav-item">
                                <a class="dropdown-toggle header__nav-link" href="#" role="button"
                                   id="dropdownMenuCompanies"
                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span style="vertical-align: inherit;"><span
                                        style="vertical-align: inherit;">发现动态</span></span>
                                </a>

                                <ul class="dropdown-menu header__dropdown-menu" aria-labelledby="dropdownMenuCompanies">
                                    <li><a href="/share/friend"><span style="vertical-align: inherit;"><span
                                            style="vertical-align: inherit;">好友动态</span></span></a></li>
                                    <li><a href="/share/recommend"><span style="vertical-align: inherit;"><span
                                            style="vertical-align: inherit;">推荐动态</span></span></a></li>
                                    <li><a href="/share/publish"><span style="vertical-align: inherit;"><span
                                            style="vertical-align: inherit;">发布动态</span></span></a></li>
                                </ul>
                            </li>
                            <!-- end dropdown -->
                        </ul>
                    </div>
                    <!--                    <a href="content.html" class="header__logo">-->
                    <!--&lt;!&ndash;                        <img src="/img/logo.svg" alt="">&ndash;&gt;-->
                    <!--                    </a>-->
                    <!-- end header logo -->

                    <!-- header nav -->

                    <!-- end header nav -->
                </div>
            </div>

            <div class="col-5 col-md-3 col-lg-4 col-xl-3">
                <div class="header__content header__content--end">
                    <div class="header__profile">
                        <a class="dropdown-toggle header__profile-btn" href="#" role="button" id="dropdownMenuProfile"
                           data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic_source%2F30%2F90%2F40%2F309040a0602c672cebc6ab3a1bbbc8cd.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1651292399&t=48fc4d6168ac9439a44e3629cb271efe" alt="用户头像">
                            <span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">[[${user.nickname}]]</span></span></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right header__dropdown-menu header__dropdown-menu--right"
                            aria-labelledby="dropdownMenuProfile">
                            <li><a href="/user/personinfo"><i class="icon ion-ios-settings"></i><span
                                    style="vertical-align: inherit;"><span
                                    style="vertical-align: inherit;">设置</span></span></a></li>
                            <li><a href="/logout"><i class="icon ion-ios-exit"></i><span
                                    style="vertical-align: inherit;"><span
                                    style="vertical-align: inherit;"> 登出</span></span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- end header -->